<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<body>
<header th:fragment="header">
<script th:inline="javascript">
	/*<![CDATA[*/
        $(function(){
            //手机设备的简单适配
            var treeMobile = $('.site-tree-mobile'),
                shadeMobile = $('.site-mobile-shade')

            treeMobile.on('click', function(){
                $('body').addClass('site-mobile');
            });

            shadeMobile.on('click', function(){
                $('body').removeClass('site-mobile');
            });

          //菜单绑定
            $(".switchMenu").on("click",function(){
                if($(this).find("i.fa-outdent").length>0){
                    $(this).find("i").removeClass("fa-outdent").addClass("fa-indent");
                }else{
                    $(this).find("i").removeClass("fa-indent").addClass("fa-outdent");
                }
                $(".layui-layout-admin").toggleClass("showMenu");
            });
        });
	
	/*]]>*/
	</script>
    <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <a href="javascript:;" class="layui-hide-xs"><a href="/home" style="font-weight: bold;"><div class="layui-logo">后台管理系统</div></a>
        </a>
        <a href="javascript:;" class="layui-hide-xs">
        	<div class="switchMenu" style="display: none;"><i class="fa fa-indent"></i></div>
        </a>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="">登录</a></li>
            <li class="layui-nav-item"><a href="">注册</a></li>
        </ul>
	    <ul class="layui-nav layui-layout-right">
	      <li class="layui-nav-item">
	        <a href="javascript:;" class="profileImg">
	        <img src='http://t.cn/RCzsdCq' class='layui-nav-img'>
	        国家
	        </a>
	        <dl class="layui-nav-child">
                    <dd><a href="">中文</a></dd>
                    <dd><a href="">英文</a></dd>
                    <dd><a href="">俄文</a></dd>
	        </dl>
	      </li>
            <li class="layui-nav-item">
                <a href="javascript:;">语言</a>
                <dl class="layui-nav-child">
                    <dd><a href="">中文</a></dd>
                    <dd><a href="">英文</a></dd>
                    <dd><a href="">俄文</a></dd>
                </dl>
            </li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">排产小工具</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/aps/relation2">产品零件关系</a></dd>
                        <dd><a href="/aps/stock">库存管理</a></dd>
                        <dd><a href="/aps/purchasePlan">采购计划</a></dd>
                        <dd><a href="/aps/productPlan">生产计划</a></dd>
                        <dd><a href="/aps/dischargeResult">零件排产</a></dd>
                        <!-- <dd><a href="/aps/relation">测试树形</a></dd> -->
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">其他管理</a></li>
            </ul>
        </div>
    </div>
    </div>
</header>
</body>
</html>